<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>全唐通</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/weui/0.4.3/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/0.8.2/css/jquery-weui.min.css">
	<link rel="stylesheet" href="css/index.css" />
	<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=IHGgKvunFixCp8RKtglwbSkWklF57L7i"></script>
	<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/jquery-weui/0.8.2/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="lib/fastclick.js"></script>
	<script type="text/javascript">
		$(function() {
    		FastClick.attach(document.body);
	  	});
	</script>
</head>
<body ontouchstart="">
	<!--页面层-->
	<div class="wrap">
		<div class="weui_cell header">
			<div class="weui_cell_hd" id="userInfo">
				<img src="img/uesr.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary"></div>
		</div>
		<div class="form">
			<div class="weui_cell txt-from">
				<div class="weui_cell_hd">
					<img src="img/location.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
	      			<p id="startLoca">您从哪出发</p>
	    		</div>
	  		</div>
	  		<div class="weui_cell txt-to">
				<div class="weui_cell_hd">
					<img src="img/location2.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
	      			<p id="endLoca">您要去哪儿</p>
	    		</div>
	  		</div>
	  		<div class="weui_cell txt-person">
				<div class="weui_cell_hd">
					<img src="img/users.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
	      			<p id="persons">几人乘车</p>
	    		</div>
	  		</div>
  		</div>
  		<div class="weui_cell" style="padding-bottom: 0;display: none;">
  			<div class="weui_cell_ft" id="price">￥60</div>
  		</div>
  		<div class="weui_cell">
  			<button id="callCar" class="weui_btn weui_btn_primary" style="background-color: #007AFF;">开始叫车</button>
  		</div>
  		<div class="weui_cell footer">
  			<div class="weui_cell_bd">
  				<img src="img/cake.png"/>
  				<span>代金卷</span>
  			</div>
  		</div>
	</div>
	<!--登陆-->
	<div class="modal-wall"></div>
	<div class="weui_cells modal-wrap" id="login-wrap">
		<div class="modal-hd">
			<strong>登陆</strong>
			<span class="close_btn"></span>
		</div>
		<div class="modal-bd">
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="login_phone" placeholder="请输入手机号码"/>
				</div>
				<div class="weui_cell_ft weui_cell_primary">
					<a href="javascript:;" id="link_reg">注册</a>
				</div>
			</div>
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="login_pwd" placeholder="请输入密码"/>
				</div>
				<div class="weui_cell_ft weui_cell_primary">
					<a href="javascript:;" id="link_forgotPwd">忘记密码</a>
				</div>
			</div>	
		</div>
		<div class="modal-ft">
			<a href="javascript:;" class="qtt-btn-default" id="login-btn">登陆</a>
		</div>
	</div>
	<!--注册手机号-->
	<div class="weui_cells modal-wrap" id="reg-wrap">
		<div class="modal-hd">
			<strong>注册</strong>
			<span class="close_btn"></span>
		</div>
		<div class="modal-bd">
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="reg_phone" placeholder="请输入手机号"/>
				</div>
			</div>	
		</div>
		<div class="modal-ft">
			<a href="javascript:;" class="qtt-btn-default" id="reg-btn">下一步</a>
		</div>
	</div>
	<!--验证码-->
	<div class="weui_cells modal-wrap" id="code-wrap">
		<div class="modal-hd">
			<strong>验证码</strong>
			<span class="close_btn"></span>
		</div>
		<div class="modal-bd">
			<div class="weui_cell">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" class="tel-code"/>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" class="tel-code"/>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" class="tel-code"/>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" class="tel-code"/>
				</div>
			</div>	
		</div>
		<div class="modal-ft">
			<a href="javascript:;" class="qtt-btn-default" id="code-btn">下一步</a>
		</div>
	</div>
	<!--设置密码-->
	<div class="weui_cells modal-wrap" id="pwd-wrap">
		<div class="modal-hd">
			<strong>请设置密码</strong>
			<span class="close_btn"></span>
		</div>
		<div class="modal-bd">
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="reg_pwd" placeholder="请输入不少于6位的密码"/>
				</div>
			</div>
		</div>
		<div class="modal-ft">
			<a href="javascript:;" class="qtt-btn-default" id="pwd-btn">下一步</a>
		</div>
	</div>
	<!--个人信息-->
	<div class="weui_cells modal-wrap" id="info-wrap">
		<div class="modal-hd">
			<strong>个人信息</strong>
			<span class="close_btn"></span>
		</div>
		<div class="modal-bd">
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="reg_firstName" placeholder="请输入您的姓"/>
				</div>
			</div>
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="reg_lastName" placeholder="请输入您的名"/>
				</div>
			</div>
			<div class="weui_cell qtt-input-group">
				<div class="weui_cell_bd weui_cell_primary">
					<input type="text" id="reg_sex" placeholder="请输入您的性别"/>
				</div>
			</div>
		</div>
		<div class="modal-ft">
			<a href="javascript:;" class="qtt-btn-default" id="info-btn">确认</a>
		</div>
	</div>
	<!--侧边菜单-->
	<div class="weui_cells left-menu" id="left_menu">
		<div class="weui_cell usercenter">
			<div class="weui_cell_hd" >
				<img src="img/uesr.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p class="user_number"></p>
		    </div>
		</div>
		<div class="weui_cell" id="orderlist">
			<div class="weui_cell_hd">
				<img src="img/calendar.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p>行程</p>
		    </div>
		</div>
		<div class="weui_cell" id="appointment">
			<div class="weui_cell_hd">
				<img src="img/appointment.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p>预约</p>
		    </div>
		</div>
		<div class="weui_cell" id="bag">
			<div class="weui_cell_hd">
				<img src="img/banknote.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p>钱包</p>
		    </div>
		</div>
		<div class="weui_cell" id="set">
			<div class="weui_cell_hd">
				<img src="img/settings.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p>设置</p>
		    </div>
		</div>
		<div class="weui_cell" id="download">
			<div class="weui_cell_hd">
				<img src="img/download.png"/>
			</div>
		    <div class="weui_cell_bd weui_cell_primary">
		    	<p >下载全唐通</p>
		    </div>
		</div>
	</div>
	<!-- 查询行程 -->
	<div id="order-list" class="weui-popup-container">
	  	<div class="weui-popup-overlay"></div>
	  	<div class="weui-popup-modal">
			<ul class="menu-list">

			</ul>
			<button class="close-popup">关闭</button>
	  	</div>
	</div>
	<script type="text/javascript" src="js/sideMenu.js"></script>
	<script type="text/javascript" src="js/user.js"></script>
	<script type="text/javascript" src="js/aboutcar.js"></script>
	<script type="text/javascript" src="js/build.js"></script>
	<script type="text/javascript">
		// login
		Build.eventClick("#login-btn",User.login)
		// reg
		Build.eventClick("#link_reg",function(){
			$("#login-wrap").hide();
			$("#reg-wrap").show();
		});
		Build.eventClick("#reg-btn", User.getCode);
		Menu.autoInput();
		Build.eventClick("#code-btn", User.checkInCode);
		Build.eventClick("#pwd-btn", User.inPassWord);
		Build.eventClick("#info-btn", User.reg);	
		// aboutcar
		Build.eventClick("#callCar", AboutCar.instantCallCar);
	</script>
</body>
</html>